<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">


 
 <title>HowToUse</title>
 </head><body>




 <div id="wikicontent">
 <table border="0" cellpadding="0" cellspacing="0" width="100%">
 <tbody><tr>
 
 <td class="vt" id="wikimaincol" width="100%">
 
 <div id="wikiheader" style="margin-bottom: 1em;">
 
 <span style="font-size: 120%; font-weight: bold;">HowToUse</span>
 &nbsp;
 
 
 </div>
 <h1><a name="Introduction">Introduction</a></h1><p><a 
name="Introduction">To use is as simple as: </a></p><pre class="prettyprint"><a name="Introduction">$("input:password").iphonePassword();</a></pre><p><a
 name="Introduction">In this way you can customize things: </a></p><pre class="prettyprint"><a name="Introduction">$("input:password").iphonePassword({mask: '*', duration: 1000});</a></pre><ul><li><a
 name="Introduction"><tt>mask</tt>: Mask character, null to be unmasked 
text field </a></li><li><a name="Introduction"><tt>duration</tt>: Time 
to wait before the recently changed characters are masked. </a></li></ul><p><a
 name="Introduction">You can find example test page if you download the 
distribution. </a></p><p><a name="Introduction">The iphonePassword 
method returns an jQuery array that holds various methods, and 
properties, like: </a></p><ul><li><a name="Introduction"><tt>opts</tt>: 
The current options for this IPhone password field </a></li><li><a 
name="Introduction"><tt>text</tt>: This is the jQuery reference to the 
password input field you actually see as the IPhone like input field. </a></li><li><a
 name="Introduction"><tt>pass</tt>: This is the original input field 
(that you IPhone passworded) that you cannot see </a></li><li><a 
name="Introduction"><tt>maskNow</tt>: This function is to call the 
masking function (to hide the letters you typed last) </a></li><li><a 
name="Introduction"><tt>unMask</tt>: To make the input unmasked, and see
 what you have typed (invokes <tt>opts.mask = null</tt>) </a></li></ul><p></p><h1><a
 name="Details">Details</a></h1><p><a name="Details">See the source for 
more details. </a></p><p><a name="Details">Shortly: You need to inclide 
the provided <tt>jquery.iphone.password.js</tt> file, and the provided <tt>caret.js</tt>
 file. </a></p><p><a name="Details">(The original Caret plugin can be 
found here: </a><a href="http://plugins.jquery.com/project/caret-range" 
rel="nofollow">jQuery Caret Range plugin</a>). </p>
 </td> 
 </tr>
 </tbody></table>
 </div>





 </body></html>